body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0
}

*,
*:before,
*:after,
*::before,
*::after {
  box-sizing: border-box;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  cursor: pointer;
}

em,
i {
  font-style: normal;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  font-size: 14px;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background: url("../img/common/bg.png") center;

  .header {
    position: relative;
    width: 100%;
    height: 102px;
  }

  .main-content {
    position: relative;
    width: 100%;
    height: calc(100% - 102px);
    padding: 20px;

    .sum-list {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .sum-detail {
        .icon {
          float: left;
          width: 34%;
          height: 100%;
        }

        .icon-text {
          float: left;
          width: 66%;
          height: 100%;
          padding-top: 15px;

          .text-name {
            font-size: 19px;
            line-height: 50px;
            padding-left: 10px;
          }

          .text-number {
            font-size: 27px;
            letter-spacing: 1px;
            font-weight: bold;
          }
        }
      }
    }
  }
}

.green {
  color: #4eec97;
}

.orange {
  color: #f7bd1b;
}

.red {
  color: #f64967;
}

.pure-red {
  color: red;
}

.vticker {
  width: 100%;

  .vticker-header {
    width: 100%;
    height: 55px;
    line-height: 55px;
    color: #00fcff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;

    ul {
      width: 100%;
      display: flex;

      li {
        flex: 1;
        border: 1px solid #0c38ad;
        border-right: none;

        &:last-child {
          border-right: 1px solid #0c38ad;
        }
      }
    }
  }

  .vticker-body {
    width: 100%;
    position: relative;
    overflow: hidden;

    >ul {
      width: 100%;
      height: 100%;

      >li {
        overflow: hidden;

        div {
          overflow: hidden;
        }

        &.odd {
          background: #061ea0;
        }
      }
    }
  }
}